<template>
    <div class="container yuan-container reconciliation-list">

        <a-tabs type="card" :default-active-key="rawTypeKey" @change="tabChange">
            <a-tab-pane key="1" tab="通用券"></a-tab-pane>
            <a-tab-pane key="2" tab="商城券"></a-tab-pane>
            <a-tab-pane key="3" tab="专属券"></a-tab-pane>
        </a-tabs>
        <ShangchengVue v-if="rawTypeKey==='2'"/>
        <TongyongVue v-if="rawTypeKey==='1'"/>
        <ZhuansuVue v-if="rawTypeKey==='3'"/>

        
    </div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import ShangchengVue from "./shangcheng.vue";
import TongyongVue from "./tongyong.vue";
import ZhuansuVue from "./zhuansu.vue";
@Component({
    name: "tpl",
    components: {ShangchengVue,TongyongVue,ZhuansuVue},
})
export default class extends Vue {
    rawTypeKey = "1";
    tabChange(e: string) {
        this.rawTypeKey = e;
    }
}
</script>
<style scoped lang="scss">
</style>
